<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="../../d3.js"></script>
<script src="topojson.v1.min.js"></script>
<script>
var width = 960,    height = 960;
    
var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);
    
var projection = d3.geo.equirectangular();

var path = d3.geo.path()
    .projection(projection);

var graticule = d3.geo.graticule();

d3.json("world-50m.json", function(error, world) {
svg.selectAll('path')
	.data(graticule.lines())
	.enter()
	.append('path')
	.attr("stroke","steelblue")
	.attr("fill","none")
	.attr("stroke-width","2")
	.attr("d", path);

svg.insert("path", "path")
	.datum(topojson.feature(world, world.objects.land))
	.attr("class", "land")
	.attr("d", path)
	.attr("fill","#ed6d3d")
	.attr("stroke","black")
	.attr("stroke-width","1")

});
</script>

